<template>
  <div class="dictionary-container">
    <h2 class="page-title">数据字典</h2>

    <el-tabs type="border-card">
      <el-tab-pane v-for="(d, i) in list" :key="i" :label="d.label">
        <!-- todo: 需要封装组件 -->
        <!-- {{ i }} -->
        <edit-box></edit-box>

      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import EditBox from '@/components/EditBox.vue';
export default {
  components: {
    EditBox,
  },
  data() {
    return {
      list: [
        {
          label: '未入库设备状态'
        },
        {
          label: '已入库设备状态'
        },
        {
          label: '设备分类'
        }
      ]
    }
  }
}
</script>


<style lang="sass">
.dictionary-container
  padding: 0 30px 30px
</style>
